@charset "utf-8";
.wrap{
    section{
        width: 100%;
        height: 100%;
        //当前位置
        .location{
            width: 100%;
            border-bottom: 1px solid #DFDFDF;
            .local{
                width: 1000px;
                margin: 0 auto;
                padding-left: 10px;
                height: 60px;
                line-height: 60px;
                >a{
                    color: #444f58;
                    &:last-child{
                        color: #99999a;
                    }
                    &:hover{
                        color: red;
                    }
                }
            }
        }
        //当前位置END
        //中间内容
        .sub{
            position: relative;
            width: 1000px;
            margin: 0 auto;
            //左边列表
            .sub_left{
                width: 200px;
                //头像与用户名
                .sub_left_head{
                    border-bottom: 1px solid #DFDFDF;
                    text-align: center;
                    .head_pic{
                        width: 110px;
                        height: 110px;
                        border-radius: 50%;
                        overflow: hidden;
                        margin: 20px auto;
                        img{
                            width: 100%;
                        }
                    }
                    .name{
                        margin-bottom: 10px;
                        a{
                            color: #444F58;
                            font-size: 16px;
                            display: inline-block;
                            width: 160px;
                            word-wrap: break-word;
                        }
                        .bgg{
                            font-size: 16px;
                            color: green;
                        }
                    }
                }
                //头像与用户名END
                //列表
                .sub_left_list{
                    margin-top: 30px;
                    margin-bottom: 120px;
                    margin-left: 40px;
                    .action_red{
                        color: red;
                    }
                    dl{
                        margin: 0;
                        padding: 0;
                        dt{
                            height: 35px;
                            line-height: 35px;
                            a{
                                font-size: 16px;
                                font-weight: bold;
                                color: #444f58;
                                &:hover{
                                    color: red;
                                }
                            }
                        }
                        dd{
                            height: 35px;
                            line-height: 35px;
                            a{
                                font-size: 14px;
                                color: #878787;
                                &:hover{
                                    color: red;
                                }
                            }
                        }
                    }
                }
                //列表END
            }
            //竖直分割线
            .line{
                position: absolute;
                left: 200px;
                height: 100%;
                border-right: 1px solid #DFDFDF;
            }
            //竖直分割线ED
        }
        //中间内容END
    }
}
